<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
</head>
<body>
   <!-- 头部 -->
   <div class="header">
    <div class="text wrapper">
      <p>小米网</p>
      <p>MIUI</p>
      <p>米聊</p>
      <p>游戏</p>
      <p>多看阅读</p>
      <p>云服务</p>
      <p>小米网移动版</p>
      <p>问题反馈</p>
      <p>Select Region</p>
    </div>
  </div>
  <!-- 导航栏  -->
   <div class="navigation wrapper ">
    <img  class="logo " src="./images/logo.png" alt="">
    <img  class="new"  src="./images/new.gif" alt="">
    <div class="text-bar">
        <p>小米手机</p>
        <p>红米</p>
        <p>平板</p>
        <p>电视</p>
        <p>盒子</p>
        <p>影音</p>
        <p>路由器</p>
        <p>智能硬件</p>
        <p>服务</p>
        <p>社区</p>
    </div>
   </div>
   <!-- banner -->
    <div class="bg wrapper">
        <img class="pic" src="./images/banner.png" alt="">

        <!-- 侧边栏 -->
         <div class="bar">
             <!--  侧边栏文字 -->
          <div class="txet3">
            <ul>
                <img src="./images/right.png" alt="">
                <p>手机 平板 电话卡</p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>电视 盒子      </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>路由器 智能硬件 </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>移动电源 插线板 </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>耳机 音箱      </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>电池 存储卡    </p>
            </ul>
            <ul> 
                <img src="./images/right.png" alt="">
                <p>保护套 后盖    </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>电贴膜 其他配件 </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>米兔 服装      </p>
            </ul>
            <ul>
                <img src="./images/right.png" alt="">
                <p>箱包 其他周边   </p>
            </ul>
          </div>
         </div>
    </div>
<!-- 手机专场 -->
<div class="phone wrapper">
  <div class="picture">
      <p class="p1">我就是一个空色块</p>
      <p class="p2">一言不合就这么任性</p>
  </div>
  <img src="./images/big/pro1.jpg" alt="">
  <img src="./images/big/pro2.jpg" alt="">
  <img src="./images/big/pro3.jpg" alt="">
</div>
<!-- 智能硬件 -->
<div class="bg2">
  <div class="text4 wrapper">
          <p class="t1">智能硬件</p>
          <p class="t2">查看全部</p>
  </div>
  <!-- 图片 -->
  <div class="fg wrapper">
      <div class="girl wrapper">
          <img src="./images/girl.jpg" alt="">
          
        
      </div>
      <!-- ------ -->
       <div class="aaa wrapper">
          <div class="aaa">
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <div class="mian">免邮费 </div>
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <!-- <div class="mian">免邮费 </div> -->
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <div class="mian">免邮费 </div>
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <!-- <div class="mian">免邮费 </div> -->
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
          
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <!-- <div class="mian">免邮费 </div> -->
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div >
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <!-- <div class="mian">免邮费 </div> -->
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <div class="mianS">享9折</div>
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
              <div class="jiaju ">
                  <!-- 路由器 -->
                  <div class="furniture1">
                      <!-- <div class="mian">免邮费 </div> -->
                      <img src="./images/d1.jpg" alt="">
                          <h4>小米路由器3</h4>
                          <p class="textColor">四天线设计， 更安全更稳定</p>
                          <p class="money">149元</p>
                  </div>
              </div>
          </div>
           
       </div>
     
  </div>
</div>
<!-- 帮助中心 -->
    <div class="help wrapper">
      <div class="left">
        <dl>
          <div class="bbb">
            <dt>帮助中心</dt>
          </div>
          <dd><a href="#">账户管理</a></dd>
          <dd><a href="#">购物指南</a></dd>
          <dd><a href="#">订单操作</a></dd>
        </dl>
        <dl>
         <div class="bbb">
          <dt>服务支持</dt>
         </div>
          <dd><a href="#">售后政策</a></dd>
          <dd><a href="#">自助服务</a></dd>
          <dd><a href="#">相关下载</a></dd>
        </dl>
        <dl>
         <div class="bbb">
          <dt>线下门店</dt>
         </div>
          <dd><a href="#">小米之家</a></dd>
          <dd><a href="#">服务网点</a></dd>
          <dd><a href="#">零售网点</a></dd>
        </dl>
        <dl>
        <div class="bbb">
          <dt>关于小米</dt>
        </div>
          <dd><a href="#">了解小米</a></dd>
          <dd><a href="#">加入小米</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
        <dl>
         <div class="bbb">
          <dt>关注我们</dt>
         </div>
          <dd><a href="#">新浪微博</a></dd>
          <dd><a href="#">小米部落</a></dd>
          <dd><a href="#">官网微信</a></dd>
        </dl>
        <dl>
          <div class="bbb">
           <dt>特色服务</dt>
          </div>
           <dd><a href="#">F码通道</a></dd>
           <dd><a href="#">小米移动</a></dd>
           <dd><a href="#">防伪查询</a></dd>
         </dl>
      </div>
      <div class="hm">
          <p class="haoma1">400-100-5678</p>
          <p class="haoma2">周一至周日 8:00 - 18:00</p>
          <p class="haoma3"> (仅收市花费)</p>
      </div>
     </div>
     <!-- 版权 -->
<div class="banquan  wrapper">
      <div>
          <img class="orange" src="./images/logo.png" alt="">
      </div>
          <div class="copyright">
        
                  <p class="other">
                      <a href="#">小米网</a>|
                      <a href="#">米聊</a>|
                      <a href="#">MIUI</a>|
                      <a href="#">多看书城</a>|
                      <a href="#">小米路由</a>|
                      <a href="#">小米后院</a>|
                      <a href="#">小米路由器</a>|      
                      <a href="#">小米淘宝直营点</a> |
                      <a href="#">小米网盟</a>               
                 </p>
              
              <p class="po">@mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
              <p class="po">违法和不良信息举报电话;185-0130-12381111111,本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            
          </div>
</div>
<img class="picc wrapper" src="./images/bottom.png" alt="">
</body>

</html>